<template>
  <div class="tc">
    <h1>HUI Design</h1>
    <p>前端整体解决方案</p>
    <h2>相关资源</h2>
    <ul>
      <li>
        <a href="http://hui.hundsun.com/" target="_blank" rel="noopener">官网</a>
        <a href="http://hui.hundsun.com/2.x/" target="_blank" rel="noopener">文档</a>
        <a href="http://hui.hundsun.com/community/" target="_blank" rel="noopener">社区</a>
        <a href="https://git01.hundsun.com/HUIOpenSource/hui-pro" target="_blank" rel="noopener">代码示例</a>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "HelloWorld"
};
</script>

<style scoped>
h2 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #047cf3;
}
.tc {
  text-align: center;
}
</style>
